<template>
	<div class="nav-menu-box">
		<h5>家医后台管理系统</h5>
		<el-menu class="el-menu" default-active="1" unique-opened="true">
			<el-menu-item index="1">
				<i class="iconfont icon-diannao_o"></i>
				<span slot="title">工作台</span>
			</el-menu-item>

			<el-submenu index="2">
				<template slot="title">
					<i class="iconfont icon-bianjishuru-xianxing"></i>
					<span>签约管理</span>
				</template>
				<el-submenu index="2-1">
					<template slot="title">待处理签约</template>
					<el-menu-item index="2-1-1">待处理签约</el-menu-item>
					<el-menu-item index="2-1-2">待审核签约详情</el-menu-item>
					<el-menu-item index="2-1-3">待支付签约详情</el-menu-item>
					<el-menu-item index="2-1-4">已驳回签约详情</el-menu-item>
					<el-menu-item index="2-1-5">编辑签约信息</el-menu-item>
				</el-submenu>
				<el-submenu index="2-2">
					<template slot="title">签约记录</template>
					<el-menu-item index="2-2-1">签约记录</el-menu-item>
					<el-menu-item index="2-2-2">生肖中签约详情</el-menu-item>
					<el-menu-item index="2-2-3">已过期签约详情</el-menu-item>
				</el-submenu>
			</el-submenu>

			<el-submenu index="3">
				<template slot="title">
					<i class="iconfont icon-tongxunlu"></i>
					<span>服务管理</span>
				</template>
				<el-submenu index="3-1">
					<template slot="title">待处理服务</template>
					<el-menu-item index="3-1-1">待处理服务</el-menu-item>
					<el-menu-item index="3-1-2">新增服务信息</el-menu-item>
					<el-menu-item index="3-1-3">编辑服务信息</el-menu-item>
					<el-menu-item index="3-1-4">待审核服务详情</el-menu-item>
					<el-menu-item index="3-1-5">待服务服务详情</el-menu-item>
					<el-menu-item index="3-1-6">已驳回服务详情</el-menu-item>
				</el-submenu>
				<el-submenu index="3-2">
					<template slot="title">服务记录</template>
					<el-menu-item index="3-2-1">服务记录</el-menu-item>
					<el-menu-item index="3-2-2">已完成服务详情</el-menu-item>
					<el-menu-item index="3-2-3">已取消服务详情</el-menu-item>
				</el-submenu>
			</el-submenu>

			<el-submenu index="4">
				<template slot="title">
					<i class="iconfont icon-moban"></i>
					<span>居民管理</span>
				</template>
				<el-submenu index="4-1">
					<template slot="title">居民管理</template>
					<el-menu-item index="4-1-1">居民管理</el-menu-item>
					<el-menu-item index="4-1-2">居民详情</el-menu-item>
					<el-menu-item index="4-1-3">新建居民档案</el-menu-item>
					<el-menu-item index="4-1-4">完善档案信息</el-menu-item>
				</el-submenu>
			</el-submenu>

			<el-submenu index="5">
				<template slot="title">
					<i class="iconfont icon-xiaoxi"></i>
					<span>消息管理</span>
				</template>
				<el-menu-item index="5-1">消息管理</el-menu-item>
			</el-submenu>

			<el-submenu index="6">
				<template slot="title">
					<i class="iconfont icon-wenjian"></i>
					<span>资料管理</span>
				</template>
				<el-submenu index="6-1">
					<template slot="title">机构管理</template>
					<el-menu-item index="6-1-1">机构管理</el-menu-item>
					<el-menu-item index="6-1-2">新增机构信息</el-menu-item>
				</el-submenu>
				<el-submenu index="6-2">
					<template slot="title">团队管理</template>
					<el-menu-item index="6-2-1">团队管理</el-menu-item>
					<el-menu-item index="6-2-2">新增团队信息</el-menu-item>
					<el-menu-item index="6-2-3">我管理的团队详情</el-menu-item>
					<el-menu-item index="6-2-4">我加入的团队详情</el-menu-item>
				</el-submenu>
				<el-submenu index="6-3">
					<template slot="title">医生管理</template>
					<el-menu-item index="6-3-1">医生管理</el-menu-item>
					<el-menu-item index="6-3-2">新增医生信息</el-menu-item>
					<el-menu-item index="6-3-3">医生详情</el-menu-item>
				</el-submenu>
				<el-submenu index="6-4">
					<template slot="title">服务包管理</template>
					<el-menu-item index="6-4-1">服务包管理</el-menu-item>
					<el-menu-item index="6-4-2">新增服务包</el-menu-item>
					<el-menu-item index="6-4-3">待审核服务包详情</el-menu-item>
					<el-menu-item index="6-4-4">使用中服务包详情</el-menu-item>
					<el-menu-item index="6-4-5">已停用服务包详情</el-menu-item>
					<el-menu-item index="6-4-6">已驳回服务包详情</el-menu-item>
				</el-submenu>

				<el-submenu index="6-5">
					<template slot="title">服务项目管理</template>
					<el-menu-item index="6-5-1">服务项目管理</el-menu-item>
					<el-menu-item index="6-5-2">新增服务项目</el-menu-item>
				</el-submenu>
				<el-menu-item index="6-6">业绩目标管理</el-menu-item>
			</el-submenu>

			<el-submenu index="7">
				<template slot="title">
					<i class="iconfont icon-shuju"></i>
					<span>数据统计</span>
				</template>
				<el-menu-item index="7-1">数据概况</el-menu-item>
				<el-menu-item index="7-2">签约业绩统计</el-menu-item>
				<el-menu-item index="7-3">服务业绩统计</el-menu-item>
				<el-menu-item index="7-4">居民健康异常统计</el-menu-item>
				<el-menu-item index="7-5">居民标签统计</el-menu-item>
				<el-menu-item index="7-6">居民年龄统计</el-menu-item>
				<el-menu-item index="7-7">居民学历统计</el-menu-item>
				<el-menu-item index="7-8">居民性别统计</el-menu-item>
			</el-submenu>

			<el-submenu index="8">
				<template slot="title">
					<i class="iconfont icon-quanjushezhi"></i>
					<span>系统设置</span>
				</template>
				<el-menu-item index="8-1">标签管理</el-menu-item>
				<el-menu-item index="8-2">角色管理</el-menu-item>
				<el-submenu index="8-3">
					<template slot="title">资讯管理</template>
					<el-menu-item index="8-3-1">资讯管理</el-menu-item>
					<el-menu-item index="8-3-2">新增文章</el-menu-item>
					<el-menu-item index="8-3-3">编辑文章</el-menu-item>
				</el-submenu>
				<el-submenu index="8-4">
					<template slot="title">药品管理</template>
					<el-menu-item index="8-4-1">药品管理</el-menu-item>
					<el-menu-item index="8-4-2">新增药品信息</el-menu-item>
					<el-menu-item index="8-4-3">编辑药品信息</el-menu-item>
				</el-submenu>
				<el-submenu index="8-5">
					<template slot="title">轮播图管理</template>
					<el-menu-item index="8-5-1">轮播图管理</el-menu-item>
					<el-menu-item index="8-5-2">新增轮播图</el-menu-item>
					<el-menu-item index="8-5-3">编辑轮播图</el-menu-item>
				</el-submenu>
				<el-menu-item index="8-6">协议管理</el-menu-item>
				<el-submenu index="8-7">
					<template slot="title">系统公告</template>
					<el-menu-item index="8-7-1">系统公告</el-menu-item>
					<el-menu-item index="8-7-2">新增公告</el-menu-item>
					<el-menu-item index="8-7-3">编辑公告</el-menu-item>
				</el-submenu>
				<el-menu-item index="8-8">操作日志</el-menu-item>
				<el-menu-item index="8-9">个人资料</el-menu-item>
				<el-menu-item index="8-10">重置密码</el-menu-item>
			</el-submenu>
		</el-menu>
	</div>
</template>

<script>
	export default {
		data() {
			return {};
		},
	};
</script>

<style lang="less" scoped>
	.nav-menu-box {
		background-color: #fff;
		width: 200px;
		height: 100vh;
		overflow-y: auto;
		&::-webkit-scrollbar {
			width: 0px;
		}
		& > h5 {
			line-height: 120px;
			text-align: center;
			color: #2984f8;
			font-size: 20px;
		}
		.el-menu {
			// height: auto;
			border: 0;
		}
		.iconfont {
			font-size: 24px;
			margin-right: 5px;
			font-weight: 600;
		}
	}
</style>
